<!DOCTYPE html>
<html lang="en">
<head>
<title>发布服务</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<script type="text/javascript" src="../../staticFile/js/common/mobileCommon.min.js"></script>
<link type="text/css" rel="stylesheet" href="../../staticFile/css/mobile/common.css">
<link type="text/css" rel="stylesheet" href="../../staticFile/css/mobile/mobileTips.css">
<link type="text/css" rel="stylesheet" href="../../staticFile/css/mobile/issueService.css">
<link rel="stylesheet" type="text/css" href="../../staticFile/js/plugins/mobiscroll/css/mobiscroll.core-2.5.2.css"/>
<link rel="stylesheet" type="text/css" href="../../staticFile/js/plugins/mobiscroll/css/mobiscroll.android-ics-2.5.2.css" />
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=19a49e17b6eb9e0d69fa19de68cd27ed&plugin=AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.Autocomplete,AMap.CitySearch,AMap.PlaceSearch,AMap.Geocoder"></script>
<script type="text/javascript" src="../../staticFile/js/plugins/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../staticFile/js/common/constant.js"></script>
<script type="text/javascript" src="../../staticFile/js/common/getDictionaries.js"></script>
<script type="text/javascript" src="../../staticFile/js/common/commonUtil.js"></script>
<script type="text/javascript" src="../../staticFile/js/common/mobileTips.js"></script>
<script type="text/javascript" src="../../staticFile/js/plugins/mobiscroll/js/mobiscroll.core-2.5.2.js"></script>
<script type="text/javascript" src="../../staticFile/js/plugins/mobiscroll/js/mobiscroll.core-2.5.2-zh.js"></script>
<script type="text/javascript" src="../../staticFile/js/plugins/mobiscroll/js/mobiscroll.datetime-2.5.1.js"></script>
<script type="text/javascript" src="../../staticFile/js/plugins/mobiscroll/js/mobiscroll.datetime-2.5.1-zh.js"></script>
<!-- 可根据自己喜好引入样式风格文件 -->
<script type="text/javascript" src="../../staticFile/js/plugins/mobiscroll/js/mobiscroll.android-ics-2.5.2.js"></script>
<script type="text/javascript" src="../../staticFile/js/userIndex/mIssueService.js"></script>
</head>
<body style="background-color: #efefef;">
<!-- 发表服务表单 -->
<div id="middleMain" class="middle-main">
    <iframe name="lglIframe" style="display:none;"></iframe>
    <div class="service-title">填写服务订单<a id="mMyCity">北京</a>
        <div class="icon-map"></div>
    </div>
    <div class="order-div" style="text-align: center;">
        <ul style="margin-top: 0.4rem;">
            <li>
                <input id="soName" type="text" placeholder="服务标题"/>
                <div id="soNameMsg" class="error-msg"></div>
            </li>
            <li>
                <input id="serviceDate" type="datetime" placeholder="服务时间"/>
                <div id="serviceDateMsg" class="error-msg"></div>
            </li>
            <li>
                <select id="soServiceType" onmousedown="if(this.options.length>5){this.size=6}" onblur="this.size=1"
                        onchange="this.size=1" class="service-type" placeholder="选择服务类型"></select>
            </li>
            <li>
                <input id="soAddress" type="text" placeholder="服务地址"/>
                <div id="soAddressMsg" class="error-msg"></div>
            </li>
            <li>
                <input id="soPhone" type="tel" placeholder="手机号码" maxlength="11"/>
                <div id="soPhoneMsg" class="error-msg"></div>
            </li>
            <li>
                <input id="soAmount" type="number" placeholder="金额"/>
                <div id="soAmountMsg" class="error-msg" style="text-align: left;"></div>
            </li>
            <li style="text-align: left;margin-left: 5%;font-size:0.6rem;width:4rem;">
                <input class="pay-method" name="soPaymentMethod" checked type="radio" value="0">线下支付
                <div id="soPaymentMethodMsg" class="error-msg"></div>
            </li>
            <li>
                <textarea id="soDesc" class="service-description" placeholder="要求描述" style="height: 2.4rem;"></textarea>
                <div id="lglErrorMsg" class="error-msg"></div>
            </li>
        </ul>
    </div>

    <div style="margin-top: 0.8rem;margin-right: 5%;text-align: center;">
        <button type="button" class="btn-issue-service">发布服务</button>
    </div>
</div>
<!-- 地图层 -->
<div id="amapLayerCenter" class="scs-amap-layer">
    <div id="aMapContainer" style="width: 100%;height: 100%;"></div>
    <div class="page-top-tip">
        <i class="icon-back"></i>
        <input type="text" id="tipInput" style="width: 95%;"/>
        <button id="btnSureAddress">确定</button>
    </div>
    <div id="searchAddressHistory">
        <ul></ul>
    </div>
</div>
<div class="tip-div">
    <div id="tipText" class="tip-info"></div>
    <div class="tip-info" style="margin-top:1.2rem;">
        <button id="btnSure" class="btn">确定</button>
    </div>
</div>
</body>
</html>